.search-list{
  height: 150px;
  background: url("../img/bj.png")no-repeat center center;
  padding-top: 75px;
  .bar{
    width: 940px;
    margin: 0 auto;
    font-size: 12px;
    height: 40px;
    padding-left: 50px;
    line-height: 40px;
    background: #fff;
    color: #a4a4a4;
    .come{
      float: left;
    }
    .layui-inline{
      float: left;
      width: 80px;
      padding-left: 10px;
      .layui-input-inline{
        float: left;
        width: 100%;
        input{
          width: 100%;
          float: left;
          padding: 0;
          line-height: 40px;
          color: #ff7602;
          border: none;
        }
      }
    }
    .timer{
      float: left;
      margin-left: 70px;
      span{
        color: #ff7602;
        margin: 0 5px;
      }
    }
    .right{
      float: right;
      .layui-form{
        width:330px;
        .select{
          float: left;
          position: relative;
          border-left: 1px solid #dcdcdc;
          width: 80px;
          margin: 0;
          clear: none;
          .layui-input-block{
            margin: 0;
            line-height: 40px;
            .layui-form-select{
              height: 40px;
              line-height: 40px;
            }
          }
          .desc{
            position: absolute;
            top: 0;
            right: 30px;
          }
          .layui-input-block{
            float: left;
          }
          input{
            width: 100%;
            color: #a4a4a4;
            border:none;
          }
        }
        .search-btn{
          float: left;
          width: 90px;
          cursor: pointer;
          height: 40px;
          background: #ff6002;
          background-image: url("../img/search1.png");
          background-repeat:no-repeat;
          background-position: center center;
        }
        .layui-anim-upbit{
          dd:first-child{
            display: none;
          }
        }
      }
    }
  }
}
#introduce{
    padding: 20px;
    border-bottom:  1px solid #ccc;
    img{
        display: inline-block;
    }
}
.hotel{
  .title{
    margin-top: 20px;
    font-size: 14px;
    .active{
      color: #ff7602;
    }

  }
  .list{
    .fl{
      li{
        margin-top: 20px;
      }
    }
    .fr{
      li{
        width: 100px;
        line-height: 36px;
        color: #fff;
        background: #ff7602;
        text-align: center;
        font-size: 18px;
        margin-top: 10px;
        cursor: pointer;
      }
    }
  }
  .container{
    .cont-left{
        margin-top: 20px;
        .lunbo{
            height: 662px;
            padding-bottom: 152px;
            img{
                width: 100%;
                height: 100%;
            }
            .layui-carousel-ind{
                padding: 0;
                top: 25px;
                ul{
                    height: 137px;
                    background: none;
                    padding: 0;
                    width: 100%;
                    li{
                        width: 188px;
                        float: left;
                        height: 100%;
                        margin: 0 0 0 14px;
                        cursor: pointer;
                        &:first-child{
                            margin-left: 0;
                        }
                    }
                }
            }
            .layui-carousel-arrow{
                width: 40px;
                height: 51px;
                font-size: 54px;
                line-height: 54px;
                background: none;
            }
            
                
        }
      .banner{
          width: 100%;
          overflow: hidden;
          height: 100%;
          position: relative;
          .wrapper{
              position: relative;
              float: left;
              width: 100%;
              height: 100%;
              .slide{
                  width: 100%;
                  height: 100%;
                  float: left;
                  a{
                      width: 100%;
                      height: 100%;
                      float: left;
                      img{
                          width: 100%;
                          height: 100%;
                          float: left;
                      }
                  }
              }
          }
          .btn-prev{
              position: absolute;
              top: 0;
              left: 0;
              width: 50px;
              height: 50px;
              background: #000000;
          }
      }
      .btn-list{
          .slide{
              float: left;
              width: 100px;
              height: 100px;
              img{
                  width: 100%;
                  height: 100%;
              }
          }
      }
    }
    .cont-right{
      margin-top: 20px;
      float: right;
      border: 1px solid #dcdcdc;
      padding:7px;
      width: 450px;
      height: 600px;
      .tit{
        text-align: center;
        .now{
            display: inline-block;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
        }
        .prev{
            float: left;
            font-size: 14px;
            cursor: pointer;
            margin-top: 4px;
        }
        .next{
            float: right;
            margin-top: 4px;
            cursor: pointer;
            font-size: 14px;
        }
      }
      .table-date{
        margin-top: 15px;
        width: 100%;
        height: 100%;
        overflow: auto;
      }
    }
  }
}




.detailed{
  .layui-tab{
    border: 1px solid #dcdcdc;
    border-bottom:none;
    margin-top:50px;
    .layui-tab-title{
      height: 50px;
      .layui-this:after{
        margin-top: 9px;
        border-bottom: 3px solid #ff6002;
      }
      li{
        float: left;
        margin: 0 35px 0 60px;
        color: #000000;
        padding:0;
        line-height: 50px;
        font-size: 22px;
      }
    }
    .layui-tab-content{
      padding:0;
      .room{
        .search{
          padding-top: 25px;
          height: 88px;
          background: #cccccc;
          .bar{
            width: 940px;
            margin: 0 auto;
            font-size: 12px;
            height: 40px;
            padding-left: 50px;
            line-height: 40px;
            background: #fff;
            color: #a4a4a4;
            .come{
              float: left;
            }
            .layui-inline{
              float: left;
              width: 80px;
              padding-left: 10px;
              .layui-input-inline{
                float: left;
                width: 100%;
                input{
                  width: 100%;
                  float: left;
                  padding: 0;
                  line-height: 40px;
                  color: #ff7602;
                  border: none;
                }
              }
            }
            .timer{
              float: left;
              margin-left: 70px;
              span{
                color: #ff7602;
                margin: 0 5px;
              }
            }
            .right{
              float: right;
              .layui-form{
                width:330px;
                .select{
                  float: left;
                  position: relative;
                  border-left: 1px solid #dcdcdc;
                  width: 80px;
                  margin: 0;
                  clear: none;
                  .layui-input-block{
                    margin: 0;
                    line-height: 40px;
                    .layui-form-select{
                      height: 40px;
                      line-height: 40px;
                    }
                  }
                  .desc{
                    position: absolute;
                    top: 0;
                    right: 30px;
                  }
                  .layui-input-block{
                    float: left;
                  }
                  input{
                    width: 100%;
                    color: #a4a4a4;
                    border:none;
                  }
                }
                .search-btn{
                  float: left;
                  width: 90px;
                  cursor: pointer;
                  height: 40px;
                  background: #ff6002;
                  background-image: url("../img/search1.png");
                  background-repeat:no-repeat;
                  background-position: center center;
                }
                .layui-anim-upbit{
                  dd:first-child{
                    display: none;
                  }
                }
              }
            }
          }
        }
        .head-tit{
           ul{
              line-height: 58px;
            li{
              float: left;
              border-bottom: 1px solid #d2d2d2;
              border-right: 1px solid #d2d2d2;
              width: 175px;
              text-align: center;
              &:nth-child(1){padding-left: 50px;width:498px;border-left:none;}
              &:nth-child(5){border-bottom: none;border-right:none;}
              &:first-child{padding-left: 50px;width:498px;border-left:none;}
            }
           }
        }
        .content{
          font-size: 18px;
          color: #9b9b9b;
          position: relative;
          border-bottom: 1px solid #ccc;
          border-left: 1px solid #ccc;
          .lift{
            width: 1022px;
            position: relative;
            .toggle{
                background: url(../img/reduce.png);
                display: block;
                width: 18px;
                position: absolute;
                height: 18px;
                top: 0px;
                left: 0px;
                z-index: 9999;
            }
            .active{
                 background: url(../img/add.png);
            }
          }
          .list3{
            height:300px;
            li{
              height: 100%;
            }
          }
          ul{
              height: 35px;
              line-height: 35px;
              border-bottom: 1px solid #d2d2d2;
            &:first-child{
              border-top:none;
            }
            .list1{
              .fl{
                color: #000000;
              }
              .fr{
                padding-left: 20px;
                margin-left: 30px;
                color: #ee0027;
                float: left;
                background: url("../img/shalou.png")no-repeat left center;
              }
            }
            .list2{
              .fr{
                float: left;
                margin-left: 30px;
                span{
                  margin-left: 5px;
                }
              }
            }
            .layui-form{
              width: 100%;
              height: 100%;
              .select{
                margin: 0;
                width: 100%;
                height: 100%;
                .layui-input-block{
                  position: relative;
                  margin: 0;
                  width: 100%;
                  height: 100%;
                  input{
                    border: none;
                    padding-left: 70px;
                    height: 34px;
                    line-height: 34px;
                    font-size: 14px;
                  }
                  .desc{
                    top: 0;
                    font-size: 14px;
                    left: 30px;
                    position: absolute;
                  }
                }
              }
            }
            li{
              height: 100%;
              float: left;
              border-right: 1px solid #d2d2d2;
              text-align: center;
              width: 175px;
              &:nth-child(1){
                padding-left: 50px;
                width:497px;
                border-left:none;
              }
              &:nth-child(2){
                img{
                  display: inline-block;
                }
              }
              &:nth-child(4){border-bottom: none;}
              &:first-child{padding-left: 50px;width:497px;border-left:none;}
              &:first-child+li{img{display: inline-block;}}
            }
          }
        }
        .roomlist{
            width: 1022px;
        }
        .moneylist{
            position:absolute;
            top:0px;
            bottom:0px;
            right:0;
            height:100%;
            width: 175px;
            border-bottom: 1px solid #ccc;
            .offset{
                position: fixed;
                top: 40%;
            }
            ul{
                position: absolute;
                width: 177px;
                top: 100px;
                border: none;
                li{
                    width: 100%!important;
                    text-align: center;
                }
                #price1{
                    font-size: 24px;
                    line-height: 35px;
                    padding-left: 0;
                    color: #0ab21b;
                }
                .book{
                    width: 145px!important;
                    height: 50px;
                    border-radius: 25px;
                    margin: 0 0 0 15px;
                    cursor: pointer;
                    line-height: 50px;
                    font-size: 20px;
                    color: #fff;
                    text-align: center;
                    background: #ff6002;
                }
                .inpmont{
                    line-height: 45px;
                    font-size: 16px;
                }
            }
        }
        
        
      }
    }
  }
}